/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.1.4
 */
/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*/
@-moz-document url-prefix() {
    [layout-fill] {
        margin: 0;
        width: 100%;
        min-height: 100%;
        height: 100%;
    }
}

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
[flex-order] {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
}

[flex-order="-20"] {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
}

[flex-order="-19"] {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
}

[flex-order="-18"] {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
}

[flex-order="-17"] {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
}

[flex-order="-16"] {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
}

[flex-order="-15"] {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
}

[flex-order="-14"] {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
}

[flex-order="-13"] {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
}

[flex-order="-12"] {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
}

[flex-order="-11"] {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
}

[flex-order="-10"] {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
}

[flex-order="-9"] {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
}

[flex-order="-8"] {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
}

[flex-order="-7"] {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
}

[flex-order="-6"] {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
}

[flex-order="-5"] {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
}

[flex-order="-4"] {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
}

[flex-order="-3"] {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
}

[flex-order="-2"] {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
}

[flex-order="-1"] {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
}

[flex-order="0"] {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
}

[flex-order="1"] {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
}

[flex-order="2"] {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
}

[flex-order="3"] {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
}

[flex-order="4"] {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
}

[flex-order="5"] {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
}

[flex-order="6"] {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
}

[flex-order="7"] {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
}

[flex-order="8"] {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
}

[flex-order="9"] {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
}

[flex-order="10"] {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
}

[flex-order="11"] {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
}

[flex-order="12"] {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
}

[flex-order="13"] {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
}

[flex-order="14"] {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
}

[flex-order="15"] {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
}

[flex-order="16"] {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
}

[flex-order="17"] {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
}

[flex-order="18"] {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
}

[flex-order="19"] {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
}

[flex-order="20"] {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
}

[flex-offset="0"] {
    margin-left: 0%;
}

[flex-offset="5"] {
    margin-left: 5%;
}

[flex-offset="10"] {
    margin-left: 10%;
}

[flex-offset="15"] {
    margin-left: 15%;
}

[flex-offset="20"] {
    margin-left: 20%;
}

[flex-offset="25"] {
    margin-left: 25%;
}

[flex-offset="30"] {
    margin-left: 30%;
}

[flex-offset="35"] {
    margin-left: 35%;
}

[flex-offset="40"] {
    margin-left: 40%;
}

[flex-offset="45"] {
    margin-left: 45%;
}

[flex-offset="50"] {
    margin-left: 50%;
}

[flex-offset="55"] {
    margin-left: 55%;
}

[flex-offset="60"] {
    margin-left: 60%;
}

[flex-offset="65"] {
    margin-left: 65%;
}

[flex-offset="70"] {
    margin-left: 70%;
}

[flex-offset="75"] {
    margin-left: 75%;
}

[flex-offset="80"] {
    margin-left: 80%;
}

[flex-offset="85"] {
    margin-left: 85%;
}

[flex-offset="90"] {
    margin-left: 90%;
}

[flex-offset="95"] {
    margin-left: 95%;
}

[flex-offset="33"] {
    margin-left: calc(100% / 3);
}

[flex-offset="66"] {
    margin-left: calc(200% / 3);
}

[layout-align],
[layout-align="start stretch"] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

[layout-align="start"],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

[layout-align="center"],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

[layout-align="end"],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"],
[layout-align="end stretch"] {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

[layout-align="space-around"],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

[layout-align="space-between"],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
}

[layout-align="start center"] > *,
[layout-align="center center"] > *,
[layout-align="end center"] > *,
[layout-align="space-between center"] > *,
[layout-align="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
}

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-between stretch"],
[layout-align="space-around stretch"] {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
}

[flex] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
}

[flex-grow] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
}

[flex-initial] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
}

[flex-auto] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
}

[flex-none] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
}

[flex="0"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="0"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="0"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="0"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="0"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
}

[flex="5"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="5"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="5"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="5"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="5"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
}

[flex="10"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="10"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="10"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="10"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="10"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
}

[flex="15"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="15"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="15"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="15"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="15"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
}

[flex="20"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="20"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="20"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="20"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="20"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
}

[flex="25"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="25"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="25"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="25"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="25"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
}

[flex="30"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="30"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="30"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="30"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="30"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
}

[flex="35"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="35"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="35"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="35"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="35"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
}

[flex="40"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="40"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="40"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="40"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="40"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
}

[flex="45"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="45"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="45"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="45"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="45"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
}

[flex="50"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="50"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="50"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="50"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="50"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
}

[flex="55"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="55"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="55"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="55"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="55"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
}

[flex="60"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="60"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="60"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="60"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="60"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
}

[flex="65"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="65"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="65"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="65"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="65"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
}

[flex="70"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="70"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="70"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="70"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="70"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
}

[flex="75"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="75"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="75"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="75"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="75"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
}

[flex="80"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="80"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="80"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="80"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="80"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
}

[flex="85"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="85"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="85"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="85"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="85"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
}

[flex="90"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="90"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="90"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="90"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="90"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
}

[flex="95"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="95"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="95"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="95"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="95"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
}

[flex="100"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="100"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="100"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout="row"] > [flex="100"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="100"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout], [layout="column"], [layout="row"] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

[layout="column"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

[layout="row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

[layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] {
    padding: 4px;
}

[layout-padding],
[layout-padding] > [flex],
[layout-padding] > [flex-gt-sm],
[layout-padding] > [flex-md],
[layout-padding] > [flex-lt-lg] {
    padding: 8px;
}

[layout-padding] > [flex-gt-md],
[layout-padding] > [flex-lg] {
    padding: 16px;
}

[layout-margin] > [flex-sm],
[layout-margin] > [flex-lt-md] {
    margin: 4px;
}

[layout-margin],
[layout-margin] > [flex],
[layout-margin] > [flex-gt-sm],
[layout-margin] > [flex-md],
[layout-margin] > [flex-lt-lg] {
    margin: 8px;
}

[layout-margin] > [flex-gt-md],
[layout-margin] > [flex-lg] {
    margin: 16px;
}

[layout-wrap] {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

[layout-nowrap] {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

[layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
